<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

	<head>
		<title>教练主页</title>
		<!--登录后动态显示圣珈-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />

		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<style>
			.llheader {
				width: 105%;
				position: fixed;
				top: 0px ;
			}
			
			.top-bar_sub_w3ls_agileits {
				margin-top: 18px !important;
				height: 160px;
			}
			
			.lumodal {
				max-width: 1200px !important;
				width: 1200px !important;
			}
			
			.pre-scrollable {
				max-height: 800px !important;
			}
			
			.locamodal {
				margin-left: 20px !important;
			}
			
			.modal.fade.in {
				top: 30px;
			}
		</style>

		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<link href="css/contact.css" rel='stylesheet' type='text/css' />
		<link href="css/about.css" rel='stylesheet' type='text/css' />
		<link rel="stylesheet" href="css/team.css" type="text/css" media="all" />
		<link href="css/font-awesome.css" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Mallanna" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext,vietnamese" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css2/animate.css">
		<!--<link rel="stylesheet" type="text/css" href="css2/bootstrap.min.css">-->
		<link rel="stylesheet" type="text/css" href="css2/flatpickr.min.css">
		<link rel="stylesheet" type="text/css" href="css2/line-awesome.css">
		<link rel="stylesheet" type="text/css" href="css2/line-awesome-font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="css2/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="lib/slick/slick.css">
		<link rel="stylesheet" type="text/css" href="lib/slick/slick-theme.css">
		<link rel="stylesheet" type="text/css" href="css2/style.css">
		<link rel="stylesheet" type="text/css" href="css2/responsive.css">
		<!--瑜伽link-->
	

		<link href="css/css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
		<script src="js/jquery-2.0.3.min.js"></script>
		<script src="js/fileinput.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
	</head>

	<body>

		<!--/top-bar-->
		<div class="top-bar_sub_w3ls_agileits">
			<div class="top-bar">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header" style="width: 120%;">

						<h1>
							<a class="navbar-brand" href="index.html">Woniu
								<span>woniu yoga platform</span>
							</a>
							</h1>
					</div>

				</nav>
			</div>
			<div class="search">
				<h5><a class="sign" href="#" data-toggle="modal" data-target="#myModal3"></a>
				</h5>
			</div>
			<div class="clearfix"> </div>
		</div>
		<!--/top-bar-->
		<!--<div class="header_w3layouts_agile-main inner_banner">
			<header class="header" id="home">
				
				
				
			</header>
		</div>-->
		<!--//inner_banner-->
		<!--/short-->
		<div class="services-breadcrumb">
			<div class="inner_breadcrumb">

				<ul class="short">
					<li>
						<a href="index.html" >个人主页</a>
						<span>|</span>
					</li>
					<li>
						<a href="#" style="color:#080808;" onclick="updateMes()">信息完善</a>
						<span>|</span>
					</li>
					<li>
						<a href="#" style="color:#080808;">课程设置</a>
						<span>|</span>
					</li>
					<li>
						<a href="#" style="color:#080808;">我的签约</a>
						<span>|</span>
					</li>
				</ul>
			</div>
		</div>
		<!--//short 这之上是必须的开头部分-->
		<!--//short 这之上是必须的开头部分-->
		<!--//short 这之上是必须的开头部分-->
		<!--//short 这之上是必须的开头部分-->
		<!--//short 这之上是必须的开头部分-->
		<!--//short 这之上是必须的开头部分-->
		<!--//short 这之上是必须的开头部分-->
		<!--//short 这之上是必须的开头部分-->
		<!-- //inner_content -->

		<!-- Modal1 -->

		<!-- //Modal1 -->
		<!-- Modal2 -->

		<!-- //Modal2 -->

		<!--//header_w3layouts_agile-->
		<!-- //about -->

		<!--课程种类介绍-->
		<!--/video-->
		<!-- /projects -->
		<!--签约教练-->
		<!-- //projects -->
		<!-- /stats 数据 -->

		<!-- //stats -->
		<!--/bottom-->

		<!-- //newsletter-->
		<!--/tesimonials 评论-->
		<!--发布新状态-->

		<!--//blog-->
		<div>
			<!--博客css-->
			<!-- Custom-Files -->
			<link rel="stylesheet" href="css1/bootstrap.css">
			<!-- Bootstrap-Core-CSS -->
			<link rel="stylesheet" href="css1/blog.css" type="text/css" media="all" />
			<!-- Blog-CSS -->
			<link rel="stylesheet" href="css1/style.css" type="text/css" media="all" />
			<!-- Style-CSS -->
			<link href="css1/font-awesome.min.css" rel="stylesheet">
			<!-- Font-Awesome-Icons-CSS -->
			<!-- //Custom-Files -->

			<!-- Web-Fonts -->
			<link href="http://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext,vietnamese" rel="stylesheet">
			<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">

			<!-- //Web-Fonts -->
			<!--博客css-->
			<div class="blog-w3l py-5">
				<div class="container py-xl-5 py-lg-3">
					<h3 class="title-w3 text-bl text-center font-weight-bold mb-sm-5 mb-4">个人空间</h3>
					<div class="row blog-content pt-lg-3">
						<!-- left side -->
						<div class="col-lg-8 blog_section">
							<div th:each="postBean,iterStat:${pageBean.list}">
					
							<div class="card border-0 my-4" >
							
								<a href="single.html">
									<img class="card-img-top" th:src="@{${postBean.pImg}}" src="images1/blog2.jpg" alt="">
								</a>
								<div class="card-body">
									<div class="row border-bottom pb-3">
										<div class="col-sm-6 col-4 perso-wthree">
									
										</div>
										<div class="col-sm-6 col-8 info-commt text-right">
											<ul class="blog_list">
												<li th:text="${postBean.pDate}">2019-2-4 21:23:32</li>
												<li class="mx-3">
													<a th:onclick="'javascript:deletepost('+${pageBean.list[0].pId}+');'">
														<span class="fa fa-trash-o mr-1">删除</span>
													</a>
												</li>
												<li>
													<a href="#">
														<span class="fa fa-comments-o mr-1" th:text="${postBean.commentBeans.size()}">22</span>
													</a>
												</li>
											</ul>
										</div>
										<br>
										<div>
											<h5 th:text="${postBean.pMessage}">Morbi eget dui elit. In lectus eros, convallis vel dolor vitae, semper sodales risus.</h5>
										</div>	
									</div>	
								</div>																
									<p class="card-text">评论</p>
									<div th:each="commentBean,iterStat:${list}">
										<span th:text="${commentBean.cmUId}">Morbi</span>&nbsp;:&nbsp;&nbsp;
										<span class="card-text" th:text="${commentBean.cmMessage}">Morbi eget dui elit. In lectus eros, convallis vel dolor vitae, semper sodales risus.</span>
										<div class="col-sm-6 col-4 perso-wthree">
				
										</div>
										<div class="col-sm-6 col-8 info-commt text-right">
											<ul class="blog_list">
												<li th:text="${commentBean.cmTime}">Dec 16, 2019</li>
												<li class="mx-3">
													<a href="#" onclick="deleteComment()">
														<span class="fa fa-trash-o mr-1">删除</span>
													</a>
												</li>											
											</ul>
										</div>
									</div>	
							</div>
							</span>
							<br/>
							</div>
							
							<div aria-label="Page navigation example">
								<ul class="pagination mt-5">
									<li class="page-item ">
										<a class="page-link" href="#" tabindex="-1"  onclick="pre()">上一页</a>
									</li>	
									<li>
					                <a ><span class="currentPage" th:text="${pageBean.page}">1</span>/<span class="totalPage" th:text="${pageBean.totalPage}">1</span></a>
				                    </li>		
									<li class="page-item">
										<a class="page-link" href="#" onclick="next()">下一页</a>
									</li>
								</ul>
							</div>
							<!-- //left side -->
						</div>
						<!-- right side -->
						<div class="col-lg-4 event-right mt-lg-0 mt-sm-5 mt-4">
							<div class="event-right1">
								<div class="agileinfo_mail_grid_right mt-md-0 mt-5">
									
									<h3 class="blog-title text-bl mb-4">添加动态</h3>
									<form action="/postImgs" method="post" enctype="multipart/form-data">
										<div class="form-group">
											<textarea name="Message" placeholder="内容......." required=""></textarea>
										</div>
										<div class="form-group">

											<label>请选择图片</label>
											<img src="" id="show" width="200">
											<div class="form-group">
												<input id="file-4" type="file" class="file" data-upload-url="#" name="imgName">
											</div><br>
										</div>
									
										<button type="submit" class="btn">发布动态</button>
									</form>
									<!---->

									<!---->
								</div>
								<br /><br /><br />

								<div class="posts">
									<h3 class="blog-title text-bl mb-4">好友状态</h3>
									<div class="posts-grids">
										<div class="row posts-grid">
											<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
												<a href="single.html">
													<img src="images1/g2.jpg" alt=" " class="img-fluid" />
												</a>
											</div>
											<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
												<h4>
											<a href="single.html" class="text-bl">我今天有空，快来上我的私教课啊</a>
										</h4>
												<ul class="wthree_blog_events_list mt-2">
													<li class="mr-2 text-bl">
														<span class="fa fa-calendar mr-2" aria-hidden="true"></span>15/05/18</li>
													<li>
														<span class="fa fa-user" aria-hidden="true"></span>
														<a href="single.html" class="text-bl ml-2">虚竹</a>
													</li>
													<li>
														
														<a href="single.html" class="text-bl ml-2">评论(5)</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="row posts-grid my-4">
											<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
												<a href="single.html">
													<img src="images1/g3.jpg" alt=" " class="img-fluid" />
												</a>
											</div>
											<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
												<h4>
											<a href="single.html" class="text-bl">我们场馆引进了一批新设备，欢迎来锻炼</a>
										</h4>
												<ul class="wthree_blog_events_list mt-2">
													<li class="mr-2 text-bl">
														<span class="fa fa-calendar mr-2" aria-hidden="true"></span>23/05/18</li>
													<li>
														<span class="fa fa-user" aria-hidden="true"></span>
														<a href="single.html" class="text-bl ml-2">肖雨豪</a>
													</li>
													<li>
														
														<a href="single.html" class="text-bl ml-2">评论(15)</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="row posts-grid">
											<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
												<a href="single.html">
													<img src="images1/g6.jpg" alt=" " class="img-fluid" />
												</a>
											</div>
											<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
												<h4>
											<a href="single.html" class="text-bl">每天坚持胯下运球100个，你也可以像我一样</a>
										</h4>
												<ul class="wthree_blog_events_list mt-2">
													<li class="mr-2 text-bl">
														<span class="fa fa-calendar mr-2" aria-hidden="true"></span>13/06/18</li>
													<li>
														<span class="fa fa-user" aria-hidden="true"></span>
														<a href="single.html" class="text-bl ml-2">蔡徐坤</a>
													</li>
													<li>
														
														<a href="single.html" class="text-bl ml-2">评论(55)</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="row posts-grid mt-4">
											<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
												<a href="single.html">
													<img src="images1/g9.jpg" alt=" " class="img-fluid" />
												</a>
											</div>
											<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
												<h4>
											<a href="single.html" class="text-bl">今天做了100个托马斯回旋和80个后空翻，好爽</a>
										</h4>
												<ul class="wthree_blog_events_list mt-2">
													<li class="mr-2 text-bl">
														<span class="fa fa-calendar mr-2" aria-hidden="true"></span>13/06/18</li>
													<li>
														<span class="fa fa-user" aria-hidden="true"></span>
														<a href="single.html" class="text-bl ml-2">罗振宇</a>
													</li>
													<li>
														
														<a href="single.html" class="text-bl ml-2">评论(45)</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="row posts-grid mt-4">
											<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
												<a href="single.html">
													<img src="images1/g9.jpg" alt=" " class="img-fluid" />
												</a>
											</div>
											<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
												<h4>
											<a href="single.html" class="text-bl">今天做了100个托马斯回旋和80个后空翻，好爽</a>
										</h4>
												<ul class="wthree_blog_events_list mt-2">
													<li class="mr-2 text-bl">
														<span class="fa fa-calendar mr-2" aria-hidden="true"></span>13/06/18</li>
													<li>
														<span class="fa fa-user" aria-hidden="true"></span>
														<a href="single.html" class="text-bl ml-2">罗振宇</a>
													</li>
													<li>
														
														<a href="single.html" class="text-bl ml-2">评论(45)</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="row posts-grid mt-4">
											<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
												<a href="single.html">
													<img src="images1/g9.jpg" alt=" " class="img-fluid" />
												</a>
											</div>
											<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
												<h4>
											<a href="single.html" class="text-bl">今天做了100个托马斯回旋和80个后空翻，好爽</a>
										</h4>
												<ul class="wthree_blog_events_list mt-2">
													<li class="mr-2 text-bl">
														<span class="fa fa-calendar mr-2" aria-hidden="true"></span>13/06/18</li>
													<li>
														<span class="fa fa-user" aria-hidden="true"></span>
														<a href="single.html" class="text-bl ml-2">罗振宇</a>
													</li>
													<li>
														
														<a href="single.html" class="text-bl ml-2">评论(45)</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="row posts-grid mt-4">
											<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
												<a href="single.html">
													<img src="images1/g9.jpg" alt=" " class="img-fluid" />
												</a>
											</div>
											<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
												<h4>
											<a href="single.html" class="text-bl">今天做了100个托马斯回旋和80个后空翻，好爽</a>
										</h4>
												<ul class="wthree_blog_events_list mt-2">
													<li class="mr-2 text-bl">
														<span class="fa fa-calendar mr-2" aria-hidden="true"></span>13/06/18</li>
													<li>
														<span class="fa fa-user" aria-hidden="true"></span>
														<a href="single.html" class="text-bl ml-2">罗振宇</a>
													</li>
													<li>
														
														<a href="single.html" class="text-bl ml-2">评论(45)</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="row posts-grid mt-4">
											<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
												<a href="single.html">
													<img src="images1/g9.jpg" alt=" " class="img-fluid" />
												</a>
											</div>
											<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
												<h4>
											<a href="single.html" class="text-bl">今天做了100个托马斯回旋和80个后空翻，好爽</a>
										</h4>
												<ul class="wthree_blog_events_list mt-2">
													<li class="mr-2 text-bl">
														<span class="fa fa-calendar mr-2" aria-hidden="true"></span>13/06/18</li>
													<li>
														<span class="fa fa-user" aria-hidden="true"></span>
														<a href="single.html" class="text-bl ml-2">罗振宇</a>
													</li>
													<li>
														
														<a href="single.html" class="text-bl ml-2">评论(45)</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="container" style="margin-top: 20px;">
		                           <div class="row clearfix">
										<div class="col-md-12 column">
											<ul class="pagination" id="fenye">
												<li>
													 <a onclick="first()">first</a>
												</li>
												
												<li>
													 <a onclick="nextPage()">prev</a>
												</li>
												<li>
													 <a  onclick="lastPage()">next</a>
												</li>
												
												<li>
													 <a onclick="nextPage()">final</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<br /><br /><br />
								<div class="tags" >
									<h3 class="blog-title text-bl">场馆推荐</h3>
									<ul class="mt-4" th:each="gym,iterStat:${Gyms}">
										<li >
											<a th:href="@{/gym_idex_other(cUId=${gym.uId})}" class="text-bl border" th:text="${gym.uName}">李宁</a>
										</li>
										<!-- <li>
											<a href="single.html" class="text-bl border">刘翔</a>
										</li>
										<li>
											<a href="single.html" class="text-bl border">乔丹</a>
										</li>
										
										<li>
											<a href="single.html" class="text-bl border">玛丽</a>
										</li> -->
									</ul>
								</div>
							</div>
						</div>
						<!-- //right side -->
					</div>
				</div>
			</div>

		</div>
		<!-- //blog -->

		<!-- bootstrap-modal-pop-up 模态框-->
		<!-- bootstrap-modal-我的关注模态框pop-up -->
		<div class="modal fade locamodal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
			<div class="modal-dialog row lumodal" role="document">
				<div class="modal-content col-sm-12 pre-scrollable">
					<div class="modal-header_w3layouts_agile">
						我的关注
						<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="background-color: #000000;height: 10px;">
						<span aria-hidden="true">&times;</span>
					</button>
					</div>
					<div class="modal-body">
						<div class="container">
							<div class="company-title">
								<h3>我的关注</h3>
							</div>
							<!--company-title end-->
							<div class="companies-list">
								<div class="row" id="follows">
								  <tr th:each="FolloweBean,iterStat:${lists}">
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
									    <input type="hidden" th:value="${FolloweBean.UserBean.uId}">
										<div class="company_profile_info">
											<div class="company-up-info">
											    <img src="images2/resources/pf-icon11.png" alt="">
												<h3 th:text="${FolloweBean.UserBean.uName}">John Doe</h3>
												<ul>
												    <li>
														<!-- <a th:onclick="'javascript:deletepost('+${postBean.pId}+');'"> -->
														<a th:onclick="'javascript:deleteUserFollow('+${FolloweBean.UserBean.uId}+');'" class="follow">取消关注</a>
													</li> 
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
								   </tr>
								</div>
							</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon2.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon3.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon4.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon5.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon6.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon7.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon8.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon9.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon10.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon11.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon12.png" alt="">
												<h3>John Doe</h3>
												<h4>Graphic Designer</h4>
												<ul>
													<li>
														<a href="#" title="" class="follow">Follow</a>
													</li>
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
								</div>
							</div>
							<!--companies-list end-->
							<div class="process-comm">
								<a href="#" title=""><img src="images2/process-icon.png" alt=""></a>
							</div>
						</div>

					</div>
				</div>

			</div>
		</div>
		<!-- //bootstrap-modal我粉丝模态框-pop-up -->
				<div class="modal fade locamodal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
			<div class="modal-dialog row lumodal" role="document">
				<div class="modal-content col-sm-12 pre-scrollable">
					<div class="modal-header_w3layouts_agile">
						我的关注
						<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="background-color: #000000;height: 10px;">
						<span aria-hidden="true">&times;</span>
					</button>
					</div>
					<div class="modal-body">
						<div class="container">
							<div class="company-title">
								<h3>我的关注</h3>
							</div>
							<!--company-title end-->
<!--  我的关注111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111-->
							<div class="companies-list">
								<div class="row" id="follows">
								  <tr th:each="FolloweBean,iterStat:${lists}">
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
									    <input type="hidden" th:value="${FolloweBean.UserBean.uId}">
										<div class="company_profile_info">
											<div class="company-up-info">
											    <img src="images2/resources/pf-icon11.png" alt="">
												<h3 th:text="${FolloweBean.UserBean.uName}">John Doe</h3>
												<ul>
												    <li>
														<!-- <a th:onclick="'javascript:deletepost('+${postBean.pId}+');'"> -->
														<a th:onclick="'javascript:deleteUserFollow('+${FolloweBean.UserBean.uId}+');'" class="follow">取消关注</a>
													</li> 
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
								   </tr>
								</div>
							</div>
							<!--companies-list end-->
							<div class="process-comm">
								<a href="#" title=""><img src="images2/process-icon.png" alt=""></a>
							</div>
						</div>

					</div>
				</div>

			</div>
		</div>
		<!-- //bootstrap-modal我粉丝模态框-pop-up -->
		<div class="modal fade locamodal" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModal2">
			<div class="modal-dialog row lumodal" role="document">
				<div class="modal-content col-sm-12 pre-scrollable">
					<div class="modal-header_w3layouts_agile">
						我的粉丝
						<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="background-color: #000000;height: 10px;">
						<span aria-hidden="true">&times;</span>
					</button>
					</div>
					<div class="modal-body">
						<div class="container">
							<div class="company-title">
								<h3>我的粉丝</h3>
							</div>
		<!--  我的粉丝1111111111111111111111111111111111111111111111111111111111111111111111111111111-->
							<!--company-title end-->
							<div class="companies-list">
								<div class="row" id="fans">
								 <tr th:each="FolloweBean,iterStat:${listfan}">
									<div class="col-lg-3 col-md-4 col-sm-6 col-12">
									 <input type="hidden" th:value="${FolloweBean.UserBean.uId}">
										<div class="company_profile_info">
											<div class="company-up-info">
												<img src="images2/resources/pf-icon12.png" alt="">
												<h3 th:text="${FolloweBean.UserBean.uName}">John Doe</h3>
												<ul>

												    <li>
														<!-- <a th:onclick="'javascript:deletepost('+${postBean.pId}+');'"> -->
														<a th:onclick="'javascript:addUserFollow('+${FolloweBean.UserBean.uId}+');'" class="follow">添加关注</a>
													</li> 
													<li>
														<a href="#" title="" class="message-us"><i class="fa fa-envelope"></i></a>
													</li>
													<li>
														<a href="#" title="" class="hire-us">Hire</a>
													</li>
												</ul>
											</div>
											<a href="#" title="" class="view-more-pro">View Profile</a>
										</div>
										<!--company_profile_info end-->
									</div>
								 </tr>
								</div>
							</div>
							<!--companies-list end-->
							<div class="process-comm">
								<a href="#" title=""><img src="images2/process-icon.png" alt=""></a>
							</div>
						</div>

					</div>
				</div>

			</div>
		</div>

		<!-- //bootstrap-modal-pop-up -->
		<!--footer-->
		<footer class="contact-footer">

			<div class="bottom-social">
				<div class="container">
					<div class="col-md-8 botttom-nav-w3ls-agile">
						<ul class="f_links col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">主页</a>
							</li>
							<li>
								<a href="about.html">场馆一览</a>
							</li>
							<li>
								<a href="services.html">附近学员</a>
							</li>
							<li>
								<a href="gallery.html">瑜伽展示</a>
							</li>
							<li>
								<a href="contact.html">联系我们</a>
							</li>
						</ul>
						<ul class="f_links col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">话题</a>
							</li>
							<li>
								<a href="404.html">博客</a>
							</li>
							<li>
								<a href="404.html">特色</a>
							</li>
							<li>
								<a href="services.html">服务</a>
							</li>

						</ul>
						<ul class="f_links thrd col-md-4" data-aos="zoom-in">
							<li>
								<a href="index.html">话题</a>
							</li>
							<li>
								<a href="404.html">报错</a>
							</li>
							<li>
								<a href="app.html">手机 App</a>
							</li>

						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-4 social-icons" data-aos="zoom-in">
						<h6>联系我们</h6>
						<a class="phone" href="#">
							<span class="fa fa-phone"></span>
						</a>
						<a class="qq" href="#">
							<span class="fa fa-qq"></span>
						</a>
						<a class="weibo" href="#">
							<span class="fa fa-weibo"></span>
						</a>
						<a class="wechat" href="#">
							<span class="fa fa-wechat"></span>
						</a>
					</div>
					<div class="clearfix"></div>

				</div>
			</div>
			<div class="copy">
				<h2 class="footer-logo">
				<a href="index.html">Woniu
					<span>woniu yoga platform</span>
				</a>
			</h2>
				<p>Copyright &copy; 2018.Company name All rights reserved.
					<a target="_blank" href="#">蜗牛学院</a>
				</p>
				<div class="clearfix"></div>
			</div>
		</footer>
		<!--/footer -->
		<!--头部社交好友栏-->
		<div class="row llheader">
			<header>

				<div class="container">
					<div class="header-data">

						<div class="logo">

						</div>
						<!--logo #cd-searchend-->
						<div class="search-bar">

						</div>
						<!--search-bar end-->

						<nav class="">

							<ul>
								<li>
									<a href="index.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>平台主页
									</a>
								</li>
								
								<li>
									<a href="stu_map.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>附近学员
									</a>
								</li>

								<li>
									<a href="gym_map.html" title="">
										<span><img src="images2/icon2.png" alt=""></span>附近场馆
									</a>
								</li>

								<li>
									<a href="#" title="">
										<span><img src="images2/icon4.png" alt=""></span> 社交
									</a>
									<ul>
										<li>
											<a href="#" data-toggle="modal" data-target="#myModal" id="myFollow"><span>我的关注</span><span th:text="${lists.size()}"></span></a>
										</li>
										<li>
											<a href="#" data-toggle="modal" data-target="#myModal2" id="myFans"><span>我的粉丝</span><span th:text="${listfan.size()}"></span></a>
										</li>
									</ul>
								</li>

								<li>
									<a href="#" title="" class="not-box-open">
										<span><img src="images2/icon6.png" alt=""></span> 信息
									</a>
									<div class="notification-box msg">
										<div class="nt-title">
											<h4>设置</h4>
											<a href="#" title="">清除所有</a>
										</div>
										<div class="nott-list">
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img1.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="messages.html" title="">Jassica William</a> </h3>
													<p>你说的是什么鬼啊，我看不懂</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img2.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="messages.html" title="">Jassica William</a></h3>
													<p>明天去吃火锅啊</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="notfication-details">
												<div class="noty-user-img">
													<img src="images2/resources/ny-img3.png" alt="">
												</div>
												<div class="notification-info">
													<h3><a href="messages.html" title="">Jassica William</a></h3>
													<p>快还钱，我没钱了。快还钱，我没钱了。快还钱，我没钱了。快还钱，我没钱了。</p>
													<span>2 min ago</span>
												</div>
												<!--notification-info -->
											</div>
											<div class="view-all-nots">
												<a href="messages.html" title="">查看所有信息</a>
											</div>
										</div>
										<!--nott-list end-->
									</div>
									<!--notification-box end-->
								</li>
								
							</ul>
						</nav>
						<!--nav end-->
						<div class="menu-btn">
							<a href="#" title=""><i class="fa fa-bars"></i></a>
						</div>
						<!--menu-btn end-->
						<div class="user-account">
							<div class="user-info">
								<img src="images2/resources/user.png" alt="">
								<a href="#" title="">John</a>
								<i class="la la-sort-down"></i>
							</div>
							<div class="user-account-settingss">
								
							
								<ul class="us-links" style="text-align: center;">
									<li>
										<a href="profile-account-setting.html" title="">个人信息</a>
									</li>
									<li>
										<a href="#" title="">隐私设置</a>
									</li>
									<li>
										<a href="#" title="">充&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;值</a>
									</li>
									<li>
										<a href="#" title="">订单详情</a>
									</li>
								</ul>
								<h3 align="center" th:text="${coach.cMoney}"><p>钱包余额：￥2000</p></h3>

								<h3 class="tc"><a href="#" title="">注销</a></h3>
							</div>
							<!--user-account-settingss end-->
						</div>
					</div>
					<!--header-data end-->
				</div>
			</header>

		</div>

		<!--头部社交好友栏-->
		<script>
			$("#file-4").fileinput({
				uploadExtraData: {
					kvId: '10'
				}
			});
			$(".btn-warning").on('click', function() {
				if($('#file-4').attr('disabled')) {
					$('#file-4').fileinput('enable');
				} else {
					$('#file-4').fileinput('disable');
				}
			});
			$(".btn-info").on('click', function() {
				$('#file-4').fileinput('refresh', {
					previewClass: 'bg-info'
				});
			});
		</script>
		<!-- js -->
		<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
		<!-- //js -->

		<!-- password-script -->
		<script type="text/javascript">
			window.onload = function() {
				//				document.getElementById("password1").onchange = validatePassword;
				//				document.getElementById("password2").onchange = validatePassword;
			}

			function validatePassword() {
				var pass2 = document.getElementById("password2").value;
				var pass1 = document.getElementById("password1").value;
				if(pass1 != pass2)
					document.getElementById("password2").setCustomValidity("Passwords Don't Match");
				else
					document.getElementById("password2").setCustomValidity('');
				//empty string means no validation error
			}
		</script>
		<!-- //password-script -->
		<!-- /js files -->
		<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
		<link href='css/aos-animation.css' rel='stylesheet prefetch' type="text/css" media="all" />
		<script src='js/aos.js'></script>
		<script src="js/aosindex.js"></script>
		<!-- //js files -->
		<!--search-bar-->
		<script src="js/main.js"></script>
		<!--//search-bar-->
		<!-- stats -->
		<script src="js/jquery.waypoints.min.js"></script>
		<script src="js/jquery.countup.js"></script>
		<script>
			$('.counter').countUp();
		</script>
		<!-- //stats -->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 900);
				});
			});
			//模态框位置
		</script>
		<!-- start-smoth-scrolling -->

		<script type="text/javascript">
			$(document).ready(function() {
				/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
				//错误备注掉
				//				$().UItoTop({
				//					easingType: 'easeOutQuart'
				//				});

			});

			function changepic() {
				var reads = new FileReader();
				f = document.getElementById('file').files[0];
				reads.readAsDataURL(f);
				reads.onload = function(e) {
					document.getElementById('show').src = this.result;
				};
			}
		</script>

		<a href="#home" class="scroll" id="toTop" style="display: block;">
			<span id="toTopHover" style="opacity: 1;"> </span>
		</a>
		<script type="text/javascript" src="js/bootstrap.js"></script>

		<!--用户头-->

		<!--用户好友部分-->
		<div class="wrapper">

			<div class="chatbox-list">
				<div class="chatbox">
					<div class="chat-mg">
						<a href="#" title=""><img src="images2/resources/usr-img1.png" alt=""></a>
						<span>2</span>
					</div>
					<div class="conversation-box">
						<div class="con-title mg-3">
							<div class="chat-user-info">
								<img src="images2/resources/us-img1.png" alt="">
								<h3>John Doe <span class="status-info"></span></h3>
							</div>
							<div class="st-icons">
								<a href="#" title=""><i class="la la-cog"></i></a>
								<a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
								<a href="#" title="" class="close-chat"><i class="la la-close"></i></a>
							</div>
						</div>
						<div class="chat-hist mCustomScrollbar" data-mcs-theme="dark">
							<div class="chat-msg">
								<p>你老婆真漂亮</p>
								<span>Sat, Aug 23, 1:10 PM</span>
							</div>
							<div class="date-nd">
								<span>Sunday, August 24</span>
							</div>
							<div class="chat-msg st2">
								<p>去你大爷的.</p>
								<span>5 minutes ago</span>
							</div>
							<div class="chat-msg">
								<p>什么鬼？</p>
								<span>Sat, Aug 23, 1:10 PM</span>
							</div>
						</div>
						<!--chat-list end-->
						<div class="typing-msg">
							<form>
								<textarea placeholder="Type a message here"></textarea>
								<button type="submit"><i class="fa fa-send"></i></button>
							</form>
							<ul class="ft-options">
								<li>
									<a href="#" title=""><i class="la la-smile-o"></i></a>
								</li>
								<li>
									<a href="#" title=""><i class="la la-camera"></i></a>
								</li>
								<li>
									<a href="#" title=""><i class="fa fa-paperclip"></i></a>
								</li>
							</ul>
						</div>
						<!--typing-msg end-->
					</div>
					<!--chat-history end-->
				</div>
				<div class="chatbox">
					<div class="chat-mg">
						<a href="#" title=""><img src="images2/resources/usr-img2.png" alt=""></a>
					</div>
					<div class="conversation-box">
						<div class="con-title mg-3">
							<div class="chat-user-info">
								<img src="images2/resources/us-img1.png" alt="">
								<h3>John Doe <span class="status-info"></span></h3>
							</div>
							<div class="st-icons">
								<a href="#" title=""><i class="la la-cog"></i></a>
								<a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
								<a href="#" title="" class="close-chat"><i class="la la-close"></i></a>
							</div>
						</div>
						<div class="chat-hist mCustomScrollbar" data-mcs-theme="dark">
							<div class="chat-msg">
								<p>出来打lol了！</p>
								<span>Sat, Aug 23, 1:10 PM</span>
							</div>
							<div class="date-nd">
								<span>Sunday, August 24</span>
							</div>
							<div class="chat-msg st2">
								<p>在吃鸡，不去.</p>
								<span>5 minutes ago</span>
							</div>
							<div class="chat-msg">
								<p>吃什么鸡，垃圾游戏。快出来。不然我回去拔电源了</p>
								<span>Sat, Aug 23, 1:10 PM</span>
							</div>
						</div>
						<!--chat-list end-->
						<div class="typing-msg">
							<form>
								<textarea placeholder="Type a message here"></textarea>
								<button type="submit"><i class="fa fa-send"></i></button>
							</form>
							<ul class="ft-options">
								<li>
									<a href="#" title=""><i class="la la-smile-o"></i></a>
								</li>
								<li>
									<a href="#" title=""><i class="la la-camera"></i></a>
								</li>
								<li>
									<a href="#" title=""><i class="fa fa-paperclip"></i></a>
								</li>
							</ul>
						</div>
						<!--typing-msg end-->
					</div>
					<!--chat-history end-->
				</div>
				<div class="chatbox">
					<div class="chat-mg bx">
						<a href="#" title=""><img src="images2/chat.png" alt=""></a>
						<span>2</span>
					</div>
					<div class="conversation-box">
						<div class="con-title">
							<h3>Messages</h3>
							<a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
						</div>
						<div class="chat-list">
							<div class="conv-list active">
								<div class="usrr-pic">
									<img src="images2/resources/usy1.png" alt="">
									<span class="active-status activee"></span>
								</div>
								<div class="usy-info">
									<h3>John Doe</h3>
									<span>在吗？ <img src="images2/smley.png" alt=""></span>
								</div>
								<div class="ct-time">
									<span>1:55 PM</span>
								</div>
								<span class="msg-numbers">2</span>
							</div>
							<div class="conv-list">
								<div class="usrr-pic">
									<img src="images2/resources/usy2.png" alt="">
								</div>
								<div class="usy-info">
									<h3>John Doe</h3>
									<span>去洗澡 <img src="images2/smley.png" alt=""></span>
								</div>
								<div class="ct-time">
									<span>11:39 PM</span>
								</div>
							</div>
							<div class="conv-list">
								<div class="usrr-pic">
									<img src="images2/resources/usy3.png" alt="">
								</div>
								<div class="usy-info">
									<h3>John Doe</h3>
									<span>干嘛？ <img src="images2/smley.png" alt=""></span>
								</div>
								<div class="ct-time">
									<span>0.28 AM</span>
								</div>
							</div>
						</div>
						<!--chat-list end-->
					</div>
					<!--conversation-box end-->
				</div>
			</div>

		</div>
		<!--聊天小圈圈-->

		<script type="text/javascript" src="js2/jquery.min.js"></script>
		<script type="text/javascript" src="js2/popper.js"></script>
		<script type="text/javascript" src="js2/bootstrap.min.js"></script>
		<script type="text/javascript" src="js2/jquery.mCustomScrollbar.js"></script>
		<script type="text/javascript" src="lib/slick/slick.min.js"></script>
		<script type="text/javascript" src="js2/scrollbar.js"></script>
		<script type="text/javascript" src="js2/script.js"></script>

	<script type="text/javascript">
	 function deletepost(id){
     	window.location.href="/deleteImgs?id="+id;
      }
	function findStudents() {
		window.location.href ="/coachFindStudents?page=1&size=10";
	}
	
	function updateMes() {
		window.location.href ="/coachInfo"			
	}
	
	function pre(){			
		var pages=$(".currentPage").html();	
		var page=parseInt(pages)-1
		if(pages-1<=0){
			alert("已经第一页了");
		}else{
			 window.location.href ="/coachPosts?page="+page+"&size=5" 
		}
	}
	function next(){
		var pages=$(".currentPage").html();
	    var page=parseInt(pages)+1
		var totalPage=$(".totalPage").html();	
		if(pages+1>totalPage){
			alert("已经最后一页了");
		}else{
			 window.location.href ="/coachPosts?page="+page+"&size=5" 
		}
	}
	function showFriendPost(page,size){
		$.ajax({	
			url:"/poster/version",
			type:"get",
			async:true,
			data:"page="+page+"&size="+size,
			success:function(mes){	
				if(mes.list!=null){
				var sth="";
				for (var i = 0; i <mes.list.length; i++) {
					sth+="<div class='row posts-grid'>"+
					"<div class='col-lg-4 col-md-3 col-4 posts-grid-left pr-0'>"+ 
						"<img src='"+mes.list[i].pImg+"' class='img-fluid'/>"+	
				"</div>"+
				"<div class='col-lg-8 col-md-7 col-8 posts-grid-right'>"+
					"<h4>"+
				"<a href='#' class='text-bl'>"+mes.list[i].pMessage+"</a>"+
			"</h4>"+
					"<ul class='wthree_blog_events_list mt-2'>"+
						"<li class='mr-2 text-bl'>"+
							"<span class='fa fa-calendar mr-2' aria-hidden='true'></span>"+mes.list[i].pDate+"</li>"+
						"<li>"+
							"<span class='fa fa-user' aria-hidden='true'></span>"+
							"<a href='single.html' class='text-bl ml-2'>"+mes.list[i].userBean.uUsername+"</a>"+
						"</li>"+
						"<li>"+		
							"<a href='single.html' class='text-bl ml-2'>评论("+mes.list[i].commentBeans.length+")</a>"+
						"</li>"+
					"</ul>"+
				"</div>"+
			"</div>"+
			"<br/>"
				}
		$(".posts-grids").html(sth);
		
		var str="<li><a onclick='firstPageFenye()'>首页</a></li><li><a onclick = 'prePage("+mes.page+")'>上一页</a></li><li><a  onclick= 'nextPage("+mes.page+","+mes.totalPage+")'>下一页</a></li><li><a onclick='lastPageFneye("+mes.totalPage+")'>尾页</a></li>" 
		 
			 
			$("#fenye").html(str);
			}
			}
		})
	}
	showFriendPost(1,5);

	function prePage(page){
		if(page-1<=0){
			alert("已经第一页了");
		}else{
			showFriendPost(page-1,5);
		}
	}

	function nextPage(page,totalpage){
		if(page+1>totalpage){
			page = totalpage;
			alert("已经最后一页");
		}else{
			showFriendPost(page+1,5);
		}	
	}
	function firstPageFenye(){
		showFriendPost(1,5);
	}

	function lastPageFneye(page){
		showFriendPost(page,5);
	}
	

	
	
	
	</script>
	</body>
	
	

</html>